﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎来到微赚，买手源头决定刷单效果。</title>
<link rel="stylesheet" href="@{'/public/stylesheets/guide/style.css'}" type="text/css">
</head>

<body>
    	<div class="top">
        	<div class="wid">
                <div class="welcome">
                    <p>欢迎来到微赚，买手源头决定刷单效果。</p>
                </div>
                
                <div class="Collection">
                    <ul>
                        <li id="favorites">
                            <img src="@{'/public/stylesheets/guide/img/ico2.jpg'}" />加入收藏夹
                        </li>
                        <li>
                            <a><img src="@{'/public/stylesheets/guide/img/ico3.jpg'}" /></a>
                        </li>
                        <li>微信<img src="@{'/public/stylesheets/guide/img/ico4.jpg'}">
                        	<img class="codeimg" src="@{'/public/stylesheets/guide/img/img5.png'}" />
                        </li>
                    </ul>
                </div>
            </div>
        </div><!--top-->
        <div class="menu">
        	<div class="wid">
            	<div class="logo">
                	<img src="@{'/public/stylesheets/guide/img/logo.png'}" />
                </div>
              <div class="list_menu">
                	<ul>
                    	<li><a href="#">首页</a></li>
                        <li class="task"><a href="http://www.weizhuan.la/registsj">任务大厅</a></li>
                        <li><a href="#">微赚特卖</a></li>
                        <li class="popularity"><a href="http://www.tianrenqi.com/">添人气</a></li>
                        <li class="log"><a class="login" href="/login">登录</a></li>
                        <li class="reg"><a class="register" href="/registsj">商家注册</a></li>
                    </ul>
                </div>
        	</div>
        </div><!--menu-->
		
		<div class="banner">
		<div class="bg">
		<a href="http://www.weizhuan.la/registsj">
    <span class="img a"></span>
    <span class="text b">知电商难，更知电商人不易。<br/>
    微赚回敬电商者，效果一试便知。</span>
    </a>
  </div>
</div>
		
        <!--<div class="banner">
            <div class="bann">
                <ul>
                    <li style="background:url(img/banner.png) center no-repeat"></li>
                </ul>
            </div>
            <div class="wid">
                <div class="loging">
                    <div class="login_wrap">
                    	<p class="fl">用户登录</p>
                        <input type="text" placeholder="昵称" />
                        <input type="text" placeholder="密码" />
                        <input class="submit" type="button"  value="登录" />
                        <p class="fr">忘记密码?</p>
                        <span><a href="#">买手注册</a>|<a href="#">商家注册</a></span>
                    </div>
                </div>
            </div>
        </div><!--banner-->


<!-- 设计大战开发  Start -->
	<div class="box dvd-1">
		<h3 class="">标签化+真人真号</h3>
		<ul>
			<li class="dvd-1-icon1">买手性别任意选</li>
			<li class="dvd-1-icon2">买手地区任意选</li>
			<li class="dvd-1-icon3">信用等级任意选</li>
		</ul>
	</div>

    <div class="box dvd-2">
        <h3 class="">隔天购+更多智能</h3>
        <ul>
            <li class="dvd-2-icon1">隔天购买</li>
            <li class="dvd-2-icon2">随时买手沟通</li>
            <li class="dvd-2-icon3">复购时间设置</li>
        </ul>
    </div>

    <div class="box dvd-3">
        <h3 class="">光补单？那叫单身狗。配合添人气真人流量，才能百年好合。</h3>
        <div class="dvd-3-link"><a href="http://tianrenqi.com/registsj">点击试用</a><span class="hand"></span></div>
        <p>添人气，已正式上线！</p>
    </div>

    <div class="box dvd-4">
        <h3 class="">好评如潮（夜鹰老师徒弟首选）</h3>
        <ul>
        	<li><img src="@{'/public/stylesheets/guide/img/img6.jpg'}"></li>
        	<li><img src="@{'/public/stylesheets/guide/img/img7.png'}"></li>
        	<li><img src="@{'/public/stylesheets/guide/img/img8.png'}"></li>
        </ul>
    </div>

    <div class="box dvd-5 clear">
        <div class="dvd-5-left">
            <p>你与首页的排名，只差一个微赚的距离</p>
            <a class="dvd-5-bt" href="#">马上咨询</a>
        </div>
        <div class="dvd-5-right">
            <p>也可以通过微信与我们联系</p>
            <img src="@{'/public/stylesheets/guide/img/img5.png'}">
        </div>
    </div>

    <div class="box dvd-6">
        <p>Copyright(c)2014 wei2huan la Inc</p>
    </div>
<!-- 设计大战开发  End -->        
   
        
</body>

<script type="text/javascript" src="@{'/public/javascripts/jquery-1.8.2.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/jquery.easing.min.js'}"></script> <!--"swing"-->
<script type="text/javascript">
	$(document).ready(function(){
	    $("#favorites").click(function () {　　　　//$里面是链接的id 
	     		alert("添加失败\n您可以尝试通过快捷键 Ctrt+D 键 加入到收藏夹~")
			});
	});


	$(function() {
	  $(".bg").mouseenter(function() {
	    var thisPX = $(this).offset().left;
	    var thisPY = $(this).offset().top;
	    var boxWidth = $(this).outerWidth();
	    var boxHeight = $(this).outerHeight();
	    $(this).addClass("threeD");
	    $(".threeD").mousemove(function(event) {
	      var mouseX = event.pageX - thisPX;
	      var mouseY = event.pageY - thisPY;
	      var X;
	      var Y;
	      if (mouseX > boxWidth / 2) {
	        X = mouseX - boxWidth/2;
	      } else {
	        X = mouseX - boxWidth/2;
	      }
	      if (mouseY > boxHeight / 2) {
	        Y = boxHeight/2 - mouseY;
	      } else {
	        Y = boxHeight/2 - mouseY;
	      }
	      $(".threeD").css({
	        "-webkit-transform": "rotateY(" + X / 50 + "deg) " + "rotateX(" + Y / 50 + "deg)"
	      });
	      
	      // console.log(X + "," + Y);
	    });
	  });
	  $(".bg").mouseleave(function() {
	    $(this).removeClass("threeD");
	    $(this).css({
	      "-webkit-transform": "rotateY(0deg) rotateX(0deg)"
	    });
	  });
	});
</script>
</html>
<!-- WPA Button Begin -->
<script charset="utf-8" type="text/javascript" src="http://wpa.b.qq.com/cgi/wpa.php?key=XzgwMDEzMjM0NV80MDQ1MjZfODAwMTMyMzQ1Xw"></script>
<!-- WPA Button End -->
